<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name = "viewport" content = "width=device-width, minimum-scale=1, maximum-scale=1">
		<!--离线应用的另一个技巧-->
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<!--指定的iphone中safari顶端的状态条的样式-->
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<!--告诉设备忽略将页面中的数字识别为电话号码-->
		<meta content="telephone=no" name="format-detection" />
		
		<link rel="stylesheet" type="text/css" href="css/frozen.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		
	</head>
	<body>
	
		<header class="ui-header ui-header-stable ui-border-b">
		    <i class="ui-icon-return" onclick="history.back()"></i>
		    <h1>申请退货</h1>
		    <button class="ui-btn">退货帮助</button>
		</header>
		
		<footer class="ui-footer ui-footer-stable ui-border-t ui-btn-group ui-whitespace">
			<a href="#" class="ui-btn-lg ui-btn-danger disabled">下一步</a>
		</footer>
		
		<section class="ui-container">
			
			<div class="ui-return-goods-wrap ui-whitespace">
				<h4 class="ui-return-goods-title ui-border-b ">请选择要退货的商品</h4>
				<ul class="ui-list-return-goods">
					<li>
						<div class="ui-return-goods-info">
							<label class="ui-checkbox-s">
				                <input type="checkbox">
				            </label>
							<div class="goods-img"><img src="http://placeholder.qiniudn.com/60x60" width="60" height="60"/></div>
							<div class="goods-info">
								<h4 class="ui-nowrap">goodsName</h4>
								<p><small class="ui-txt-info">尺码：均码</small></p>
								<div class="count ui-tiled ui-border">
					        		<a href="#" class="move iconfont ui-border-r">&#xe768;</a>
					        		<span class="number">23</span>
					        		<a href="#" class="add iconfont ui-border-l">&#xe767;</a>
					        	</div>
							</div>
							<div class="goods-price">￥2900.00</div>
						</div>
					</li>
					<li>
						<div class="ui-return-goods-info">
							<label class="ui-checkbox-s">
				                <input type="checkbox">
				            </label>
							<div class="goods-img"><img src="http://placeholder.qiniudn.com/60x60" width="60" height="60"/></div>
							<div class="goods-info">
								<h4 class="ui-nowrap">goodsName</h4>
								<p><small class="ui-txt-info">尺码：均码</small></p>
								<div class="count ui-tiled ui-border">
					        		<a href="#" class="move iconfont ui-border-r">&#xe768;</a>
					        		<span class="number">23</span>
					        		<a href="#" class="add iconfont ui-border-l">&#xe767;</a>
					        	</div>
							</div>
							<div class="goods-price">￥2900.00</div>
						</div>
					</li>
					<li>
						<div class="ui-return-goods-info">
							<label class="ui-checkbox-s">
				                <input type="checkbox">
				            </label>
							<div class="goods-img"><img src="http://placeholder.qiniudn.com/60x60" width="60" height="60"/></div>
							<div class="goods-info">
								<h4 class="ui-nowrap">goodsName</h4>
								<p><small class="ui-txt-info">尺码：均码</small></p>
								<div class="count ui-tiled ui-border">
					        		<a href="#" class="move iconfont ui-border-r">&#xe768;</a>
					        		<span class="number">23</span>
					        		<a href="#" class="add iconfont ui-border-l">&#xe767;</a>
					        	</div>
							</div>
							<div class="goods-price">￥2900.00</div>
						</div>
					</li>
					<li>
						<div class="all-price tr">
							<small>优惠￥0.00</small>&nbsp;&nbsp;&nbsp;&nbsp;
							<small>实付￥29.00</small>
						</div>
						<div class="ui-form-item ui-form-item-show ui-form-item-link">
				            <label for="#">退货原因</label>
				            <input type="text" value="商品规格不合适" readonly>
				        </div>
					</li>
				</ul>
			</div>
			
			<div class="ui-return-price-info ui-whitespace">
				
				<h4 class="price-info"><span>退货商品金额</span><span>￥29.00</span></h4>
				<p class="refund-info"><b>应退</b><b class="ui-txt-highlight">￥29.00</b></p>
			    <p class="prompt-info">
				    <span>退回微信</span>
				    <span>￥29.00</span>
			    </p>
			    
			</div>
			
			<!--s actionsheet -->
			<div class="ui-actionsheet">  
			  <div class="ui-actionsheet-cnt">
			    <h4>选择退货原因</h4> 
			    <button>①退货理由</button>  
			    <button>②退货理由</button>
			    <button>☂退货理由</button>
			    <button>④退货理由</button>
			    <button>⑤退货理由</button>
			    <button class="ui-actionsheet-del">取消</button> 
			  </div>         
			</div><!--e actionsheet -->
			
		</section>
		
		<script src="js/lib/zeptojs/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/frozen.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		  /*$('.ui-actionsheet').addClass('show');*/
		</script>
	</body>
</html>
